<section class="itq-container">
    <aside class="q-sidebar">
        <section class="q-nav-left">
            <ul class="list-item">
                <li class="list-item"><a class="main" href="#"><figure><img src="images/icon-nav-01.png"><figcaption>Danh mục sản phẩm</figcaption></figure></a>
                    <ul class="sub-list-item">
                        <?php foreach ($listleftcategory as $key=> $value) {?>
                            <li class="sub-list-item"><a href="<?php echo Yii::app()->createUrl('home/listsameproduct',array('id'=>$value->id))?>"><?php echo $value->category_name?></a></li>
                        <?php }?>
                    </ul><!--.sub-list-item-->
                </li>
            </ul><!--.list-item-->
        </section>
        <!--q-nav-left-->
        <section class="q-nav-left"">
            <label class="q-label">
                <h4 class="white-bold-15"><i class="glyphicon glyphicon-film"></i> Video Sản phẩm </h4>
            </label>
        <section class="q-video">
            <iframe width="240" height="200" src="//www.youtube.com/embed/V46aPEWgqmY" frameborder="0" allowfullscreen></iframe>
        </section>
        <!--q-video-left-->

        <section class="q-new-left">
            <label class="q-label">
                <h4 class="white-bold-15"><i class="glyphicon glyphicon-list-alt"></i> Tin Tức Nổi Bật </h4>
            </label>
            <ul class="q-news">
                <li class="news-item">
                    <figure>
                        <img src="images/product-03.png">
                        <a href="#" class="back-12-b">Món quà ? ngh?a t? ngư?i thân</a>
                    </figure>
                </li>
                <li class="news-item">
                    <figure>
                        <img src="images/product-03.png">
                        <a href="#" class="back-12-b">Món quà ? ngh?a t? ngư?i thân</a>
                    </figure>
                </li>
                <li class="news-item">
                    <figure>
                        <img src="images/product-03.png">
                        <a href="#" class="back-12-b">Món quà ? ngh?a t? ngư?i thân</a>
                    </figure>
                </li>

            </ul>
        </section>
        <!--q-new-left-->

        <section class="q-sosial-left">
            <label class="q-label">
                <h4 class="white-bold-15"><i class="glyphicon glyphicon-list-alt"></i> FanPage </h4>
            </label>
            <section class="q-sosial">
                <iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fdevelopers.facebook.com%2Fdocs%2Fplugins%2F&amp;width=200&amp;layout=standard&amp;action=like&amp;show_faces=true&amp;share=true&amp;height=80&amp;appId=857911027553541" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:200px; height:200px; padding-top: 10px" allowTransparency="true"></iframe>
            </section>
        </section>

        <!--q-statistics-left-->
</aside>
<script>
    $(function(){
        var menu_ul = $('ul.list-item li.list-item ul.sub-list-item');
        var menu_a = $('ul.list-item li.list-item a.main ');
        menu_ul.hide();
        menu_a.click(function(e){
            e.preventDefault();
            if(!$(this).hasClass('active')){
                menu_a.removeClass('active');
                menu_ul.slideUp('slow');
                $(this).addClass('active').next().slideDown('slow');
            }else{
                $(this).removeClass('active');
                $(this).next().slideUp('slow');
            }
            return true;
        })
    });
</script>
<!--end-aside-->


    <article class="q-new-content">
        <h2><?php echo $content->title?></h2>
        <?php echo $content->content?>
    </article>
</section>
<section class="clear"></section>